import { createRouter, createWebHashHistory } from "vue-router"

// 路由数据信息 抽到 一个menujs文件中，方便 其他组件使用
import menuArr from "./menu"
import checkPermission from "./permission"

let routes = [
  {
    path: "/login",
    name: "login",
    component: () => import("@/views/LoginPage.vue"),
    meta: {
      requireLogin: false
    }
  },
  {
    path: "/",
    name: "layout",
    component: () => import("@/views/Layout.vue"),
    //重定向--访问  / 路径 自动重定向到 /home

    redirect: "/home",
    children: [
      {
        path: "/home",
        name: "home",
        component: () => import("@/views/HomePage.vue"),
        meta: {
          requireLogin: true
        }
      },
      ...menuArr
    ]
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes: routes
})

checkPermission(router)
// router.beforeEach((to, from) => { 
//   let token = localStorage.getItem("token")
//   if (to.meta.requireLogin == true) {
//     //判断要跳转的页面 是否需要登录，如果需要就判断 是否有token
//     // 如果没有 ，就跳转到 登录，
//     if (token) {
//       // next()
//     } else {
//       return { path: "/login" }
//       // next({ path: "/login" })
//     }
//   } else {
//     // next()
//   }
// })

export default router
